.el-pagination {
  text-align: right;
  .el-pager {
    li {
      margin: 0 5px;
      font-size: var(--theme-font-size);
      color: var(--theme-color-text-regular);
      min-width: 32px;
      height: 32px;
      line-height: 32px;
      &.active {
        background: #e8f3ff;
        border-radius: 5px;
        color: var(--theme-color-1);
      }
    }
  }
  .btn-prev,
  .btn-next {
    height: 32px;
    line-height: 32px;
    color: var(--theme-color-text-regular);
  }
  button {
    &:disabled {
      color: #c9cdd4;
    }
  }
  .el-pagination__sizes {
    color: var(--theme-color-text-primary);
    .el-select {
      .el-input__inner {
        height: 32px;
        line-height: 32px;
        border: none;
        background: #f4f7fe;
        border-radius: 5px;
        font-size: var(--theme-font-size) !important;
        color: var(--theme-color-text-primary) !important;
      }
      .el-input .el-select__caret {
        color: #4e5969;
      }
    }
  }

  // &.is-background {
  //   .el-pager li {
  //     background-color: transparent;
  //     border: 1px solid transparent;
  //     font-weight: normal;
  //   }
  //   .el-pager li:hover {
  //     border: 1px solid $--color-primary;
  //   }
  //   .el-pager li:not(.disabled).active {
  //     background-color: transparent;
  //     border: 1px solid $--color-primary;
  //     color: $--color-primary;
  //   }
  //   .btn-prev,
  //   .btn-next {
  //     background-color: transparent;
  //     border: 1px solid $--border-color-base;
  //   }
  //   .btn-prev:enabled:hover,
  //   .btn-next:enabled:hover {
  //     border: 1px solid $--color-primary;
  //     color: $--color-primary;
  //   }
  //   .btn-next:disabled,
  //   .btn-prev:disabled {
  //     background-color: $--background-color-disbase;
  //   }

  //   .el-pagination__jump {
  //     .el-input input {
  //       width: 32px;
  //     }

  //     .el-input input:hover {
  //       border-color: $--color-primary;
  //     }
  //   }
  // }
  .el-pagination__sizes {
    margin-right: 0;
  }
}
